import { StyleSheet, Dimensions } from "react-native";

const { width, height } = Dimensions.get("window");

export const getStyles = (colors: any) =>
  StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: "center",
      alignItems: "center",
    },
    backdrop: {
      position: "absolute",
      top: 0,
      left: 0,
      right: 0,
      bottom: 0,
      backgroundColor: "#000",
    },
    content: {
      width: width * 0.85,
      maxHeight: height * 0.7,
      padding: 16,
      backgroundColor: colors.card.background,
      shadowColor: "#000",
      shadowOffset: { width: 0, height: 2 },
      shadowOpacity: 0.25,
      shadowRadius: 3.84,
      elevation: 5,
    },
    keyboardAvoidingView: {
      width: "100%",
      alignItems: "center",
      justifyContent: "center",
    },
  });
